<template>
  <div class="vp-raw flex flex-wrap gap-2">
    <fwb-button gradient="blue">
      Blue
    </fwb-button>
    <fwb-button gradient="cyan">
      Cyan
    </fwb-button>
    <fwb-button gradient="green">
      Green
    </fwb-button>
    <fwb-button gradient="lime">
      Lime
    </fwb-button>
    <fwb-button gradient="pink">
      Pink
    </fwb-button>
    <fwb-button gradient="purple">
      Purple
    </fwb-button>
    <fwb-button gradient="red">
      Red
    </fwb-button>
    <fwb-button gradient="teal">
      Teal
    </fwb-button>
  </div>
</template>

<script lang="ts" setup>
import { FwbButton } from '../../../../src/index'
</script>
